.page-container {
    bottom: px2rem(100px);
}
.total-item {
	padding-top: px2rem(10px);
	padding-bottom: px2rem(10px);
	border-top: px2rem(2px) solid #eee;
}

.bottom-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: px2rem(100px);
    line-height: px2rem(100px);
    text-align: center;
    border-top: 1px solid #ECECEC;
    color: #0F9CFF;
    font-size: px2rem(36px);
    overflow: hidden;

    .ui-text {
        position: relative;
        display: block;
        vertical-align: middle;
        width: 50%;
        height: px2rem(100px);
        line-height: px2rem(100px);
        font-size: px2rem(36px);

        input {
            position: relative;
            z-index: 2;
            display: none;
            box-sizing: border-box;
            width: px2rem(700px);
            height: px2rem(78px);
            line-height: px2rem(78px);
            margin: px2rem(10px) auto !important;
            padding: px2rem(10px) !important;
            border: px2rem(1px) solid #ECECEC !important;
            font-size: px2rem(24px);
            opacity: 0;
        }
        input.text {
            width: px2rem(560px);
            line-height: normal;
            margin: px2rem(10px) px2rem(130px) px2rem(10px) px2rem(20px) !important;
        }
        .submit-btn {
            position: absolute;
            top: px2rem(9px);
            right: 4%;
            width: px2rem(120px);
            height: px2rem(60px);
            line-height: px2rem(40px);
            padding: px2rem(10px) !important;
            text-align: center;
            color: rgb(255, 255, 255) !important;
            background-color: #0F9CFF;
            border: px2rem(1px) solid #0F9CFF !important;
        }
        .btn-items {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: px2rem(100px);
            line-height: px2rem(100px);
            display: -webkit-flex;
            display: flex;

            .btn-item {
                -webkit-flex: 1;
                flex: 1;
                display: inline-block;
                vertical-align: middle;
                font-size: px2rem(36px);
                opacity: 1;
                border-width: 0 !important;
                text-align: center;
                color: #0F9CFF !important;
            }
        }
    }
    .ui-text-focus {
        position: relative;
        width: 100%;
        background: #fff;
        z-index: 2;
        input {
            display: block;
            opacity: 1;
        }
        .btn-items {
            display: none;
        }
    }
    .operate-btns {
        position: absolute;
        z-index: 1;
        width: 50%;
        height: px2rem(100px);
        line-height: px2rem(100px);
        font-size: 0;
        right: 0;
        bottom: 0;

        .operate-btn {
            display: inline-block;
            vertical-align: middle;
            width: px2rem(140px);
            height: px2rem(70px);
            line-height: px2rem(70px);
            border: px2rem(2px) solid #0F9CFF;
            background: #fff;
            font-size: px2rem(30px);
        }
        .agree-btn {
            border-radius: 0 px2rem(70px) px2rem(70px) 0;
            background: #0F9CFF;
            color: #fff;
        }
        .refuse-btn {
            border-radius: px2rem(70px) 0 0 px2rem(70px);
        }
    }
}